<template>
  <div>
    <div id='navigateBar'>
      <div class="navigateBar-logoBox">
        <img class="navigateBar-logoBox-logo" src="~/assets/images/60x60.png"></img>
        <text class="navigateBar-logoBox-title Colorful-breathing-lamp">不一样的网盘</text>
      </div>
    </div>

    <div id="pageContain">
      <page-one></page-one>
      <page-two></page-two>
      <page-third></page-third>
      <PageFour></PageFour>
      <page-five></page-five>
      <PageSix></PageSix>
    </div>
    <ul id="navBar">
      <li>简介</li>
      <li>文件模块</li>
      <li>社区模块</li>
      <li>聊天模块</li>
      <li>立即下载</li>
      <li>关于</li>
    </ul>
    <!-- 拟态框DOM -->
    <div class="ui modal">
      <div></div>
    </div>
  </div>
  </div>
</template>

<script>
  import PageOne from '~/components/index/page1.vue'
  import PageTwo from '~/components/index/page2.vue'
  import PageThird from '~/components/index/page3.vue'
  import PageFour from '~/components/index/page4.vue'
  import PageFive from '~/components/index/page5.vue'
  import PageSix from '~/components/index/page6.vue'
  export default {
    components: {
      PageOne,
      PageTwo,
      PageThird,
      PageFour,
      PageFive,
      PageSix
    },
    mounted() {
      var runPage;
      runPage = new FullPage({
        id: 'pageContain',
        slideTime: 800,
        effect: {
          transform: {
            translate: 'Y',
            scale: [0, 1],
            rotate: [0, 0]
          },
          opacity: [0, 1]
        },
        mode: 'wheel, touch, nav:navBar',
        easing: 'ease',
        callback: function(index, thisPage) {
          if (index + 1) {
            //
          }
          // console.log('滚动到了第 ' + (index + 1) + ' 屏');
        }
      });






      // 悬浮版本号提示
      $('.tipAndroid-box')
        .popup({
          position: 'bottom center',
          target: '.tipAndroid',
          title: '更新日志：2020.11.3（）',
          html: ` <H4>更新日志：2020.11.3（1.0.24）</H4>
      						1.【添加】账号忘记密码</br>
      						2.【优化】登录主页面优化</br>
      						3.【优化】文件模块上传文件管理优化</br>
      						4.【优化】文件主页面排版文件操作栏问题</br>
      						5.【添加】文件模块查看图片详情滑动切换图片</br>
      						6.【添加】登录前端后端非对称加密</br>`
        });
      $('.tipIOS-box')
        .popup({
          position: 'bottom center',
          target: '.tipIOS',
          title: '努力开发中',
          content: ``
        });
      $('.tipPC-box')
        .popup({
          position: 'bottom center',
          target: '.tipPC',
          title: '努力开发中',
          content: ``
        });



      // 下拉选择
      $('.dropdown')
        .dropdown({
          transition: 'drop'
        });

      // 点击下载最新版本
      let DownLoadNew = (e) => {
        if (e === 'Android') {
          window.open('https://qdds666.oss-cn-hangzhou.aliyuncs.com/uploadApp/1.0.24_1604331888922.apk')
        }

      }
      let OnQRCode = (e) => {
        if (e === 'Android') {
          $('.ui.modal').modal('show');
        }
      }
      // 初始化拟态框
      $('.ui.modal').modal('hide');
    }
  }
</script>

<style>

</style>
